* {
  margin: 0;
  padding: 0;
}
body, html {
  height:100%;
}

// .config-unit:last-child{
//   display: none;
// }
.input-field .result-panel:first-child .input-option:last-child{
  // display: none !important;
}



.recycle-bg {
  background-image: url(../../image/analysis/bg.png);
  height: 100vh;
  background-repeat: no-repeat;
  background-size: 149% 100%;
  text-align: center;
  .open-config {
    position: absolute;
    top: 3%;
    right: 5%;
    color: white;
    font-size: 14px;
  }
  // 输入控制板
  .configPanel {
    .config {
      background: #FFFFFF;
      width: 92%;
      height: 84%;
      position: absolute;
      top: -8%;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      z-index: 1;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      overflow: scroll;
      .close {
        display: block;
        width: 18px;
        height: auto;
        position: fixed;
        top: 35px;
        right: 25px;
      }
      .config-unit {
        margin: 5% 0;
        list-style-type: none;
        font-size: 14px;
        .config-formula {
          display: block;
          padding-left: 5%;
          padding-right: 5%;
          text-align: left;
          font-size: 12px;
          color: #eb6100;
          margin-top: 20px;
          p {
            margin: 10px;
          }
        }
        .config-title {
          display: block;
          text-align: center;
          vertical-align: middle;
          .config-label {
            font-size: 18px;
          }
        }
        .config-control {
          display: block;
          vertical-align: middle;
          .math-params {
            text-align: left;
            padding-left: 24px;
            padding-right: 24px;
            margin-bottom: 5%;
            padding-top: 15px;
            .cal-btn {
              background: #eb6100;
              color: white;
              font-size: 18px;
              width: 80%;
              height: 42px;
              line-height: 42px;
              text-align: center;
              margin: 20px auto;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              border-radius: 5px;
            }
          }

        }
      }
      .btn-div {
        text-align: center;
        .confirm {
          display: inline-block;
          background: #eb6100;
          color: white;
          font-size: 18px;
          width: 80%;
          height: 42px;
          line-height: 42px;
          text-align: center;
          margin: 30px auto 15px auto;
          padding: 0;
          border: none;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
        }
      }
      .input-field {
        .isOpen {
          height: auto;
        }
      }
    }
  }
  .recycle-img {
    display: block;
    width: 48vw;
    height: auto;
    position: absolute;
    top: 6%;
    right: 13vw;
  }
  .param-div {
    position: absolute;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    left: 4%;
    top: 2%;
    color: #FFFFFF;
    background-image: url(../../image/recycle/rule.png);

    background-repeat: no-repeat;
    font-size: 12px;
    .config-unit {
      text-align: left;
      margin-left: 11px;
      margin-top: 2vh;
      .config-control {
        margin-top: 4px;
        font-size: 17px;
        .config-input {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: block;
          // width: 50%;
        }
      }
    }
    .config-unit:first-child {
      margin-top: 0;
    }
  }
  .recycle-div {
    position: absolute;
    bottom: 16%;
    right: 10px;
    color: #FFFFFF;
    background: rgba(6, 57, 119, 0.1);
    min-width: 28%;
    .title {
      font-size: 12px;
      background: rgba(6, 57, 119, 0.1);
      height: 24px;
      line-height: 24px;
    }
    .num-div {
      margin-bottom: 5%;
      .block {
        display: inline-block;
        //border: 1px solid #063977;
        //padding: 10px 4px;
        //margin: 5px 2px;
        font-weight: bold;
      }
      .block:first-child {
        margin-left: 5px;
      }
      .block:last-child {
        margin-right: 5px;
      }

    }
  }
}



@media (max-height :680px) and (min-width: 413px) {

}
